<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://kit.fontawesome.com/ad55841446.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="./css/style.css">
    <title>TRAVEL VLOG! WELCOME</title>
</head>
<body>
    <header class="header">
        <nav class="navbar">
            <div class="container">
                <img src="./img/ns-logo (2).png" class="logo">
                <ul class="nav-items">
                    <li class="nav-items"><a href="./index.html">HOME</a></li>
                    <li class="nav-items"><a href="./about.html">ABOUT</a></li>
                    <li class="nav-items"><a href="./contact.html">CONTACT</a></li>
                </ul>

            </div>
        </nav>
       <div class="header-content">
           <h1 class="lg-heading text-light">TRAVEL THE WORLD</h1>
           <p class="text-light">travel the world ,experience the world,it's the best gift by nature</p>
           <a href="#explore-places" class="btn btn-primary text-red">EXPLORE PLACES</a>
       </div>

    </header>
    <section class="showcase" id="explore-places">
        <div class="container">
            <div class="row row1">
                <div class="image-box">
                    <img src="./img/canmandawe-ftTsK4QinMw-unsplash.jpg">
                </div>
                <div class="text-box">
                    <h2 class="lg-heading text-black">VENICE</h2>
                    <p class="sm-heading text-gray">Venice, the capital of northern Italy’s Veneto region, is built on more than 100 small islands in a lagoon in the Adriatic Sea. It has no roads, just canals – including the Grand Canal thoroughfare – lined with Renaissance and Gothic palaces. The central square, Piazza San Marco, contains St. Mark’s Basilica, which is tiled with Byzantine mosaics, and the Campanile bell tower offering views of the city’s red roofs. </p>
                    <a href="./about.html" class="btn btn-secondary">more</a>
                </div>
            </div>
            <div class="row row2">
                <div class="image-box">
                    <img src="./img/gaurav-k-CV7KPRM6fHc-unsplash.jpg">
                </div>
                <div class="text-box">
                    <h2 class="lg-heading tect-black">CHANDRASHILA</h2>
                    <P class="sm-heading text-gray">Chandrashila is summit of the Tungnath. It literally means "Moon Rock". It is located at a height of about 3,690 metres above sea level. This peak provides views of the Himalayas, including Nandadevi, Trisul, Kedar Peak, Bandarpunch and Chaukhamba peaks. There are various legends associated with this place.</P>
                    <a href="./about.html" class="btn btn-secondary">more</a>
                </div>
            </div>
        </div>
        
    </section>
    <section class="features container">
        <div class="box-wrapper">
            <div class="box box-1">
                <i class="fas fa-route fa-2x text-red"></i>
                <h2 class="med-heading">ADVENTURE</h2>
                <p>An adventure is an exciting experience that is typically bold, sometimes risky or undertaking. </p>
            </div>
            <div class="box box-2">
                <i class="fas fa-rupee-sign fa-2x"></i>
                <h2 class="med-heading">LESS PRICING</h2>
                <p>Our brand navkar steels offer convinient tour and travel packages for different location accross the world.</p>
            </div>
            <div class="box box-3">
                <i class="fas fa-users fa-2x text-red"></i>
                <h2 class="med-heading">EXPERIENCE</h2>
                <p>Our company is realy experienced brand providing tour and travel packages since 1990 .</p>
            </div>
        </div>
    </section>
    <footer class="footer">
        <div class="social-media-link">
            <i class="fab fa-facebook fa-3x"></i>
            <i class="fab fa-instagram fa-3x"></i>
            <i class="fab fa-twitter fa-3x"></i>
            <p>Navkar travels &copy; 2021,all right reserved</p>
        </div>
    </footer>
    
</body>
</html>